進入了第一個新的頁面，也就是說路徑需要改變，在這一段重複測試了很多次一直出現錯誤，最後終於完成了這個艱難的任務。

Switch is not exported from ‘react-router-dom’

原先想使用Switch來包router，但儲存後報錯**Switch is not exported from ‘react-router-dom**，這個問題主要的原因是react-router-dom版本，v6的Switch已經被Routes取代，所以找不到資料。

*可以參考這篇文章 : 連結

You cannot render a inside another . You should never have more than one in your app.

解決了Swich問題重新改寫後，又出現了新問題，

import {  BrowserRouter , Router, Route, Routes } from "react-router-dom";

function App(){
    return (
        <BrowserRouter>
            <Header />
            <Router>
                <Routes>
                    <Route path="/"/>
                    <Route path="/signup" element={<Signup />} />
                </Routes>
            </Router>
               
        </BrowserRouter>
    )
}

BrowserRouter與Router是重複的功能，之需存在一層即可，上網查到說現在最新的寫法是

import { BrowserRouter as Router, Routes, Route } from 'react-router-dom'

function App(){
    return (
        <Router>
            <Header />
                <Routes>
                    <Route path="/"/>
                    <Route path="/signup" element={<Signup />} />
                </Routes>
        </Router>
    )
}

*可以參考這篇文章:連結

今天只能先解錯誤，明天再繼續登入註冊!!!